@import '../variable.scss';

.search__result {
  padding: .18rem;
  header {
    display: flex;
    align-items: center;
    .icon-back {
      color: $back-iconColor;
      font-size: .18rem;
      margin-right: .16rem;
    }
    .search__input {
      flex: 1;
    }
  }
  .search__shops {
    margin-top: .12rem;
    .search__shop {
      display: flex;
      padding: .12rem 0;
      border-bottom: .01rem solid $search-fontColor;
      img {
        width: .56rem;
        height: .56rem;
      }
      .content {
        flex: 1;
        margin-left: .16rem;
        color: $content-fontcolor;
        .title {
          font-size: .16rem;
        }
        .tags {
          margin: .08rem 0;
          font-size: .13rem;
          .tag {
            margin-right: .16rem;
          }
        }
        .vip {
          margin-bottom: .08rem;
          font-size: .13rem;
          color: $highlight-fontColor;
        }
        .search__products {
          display: flex;
          margin-left: -.16rem;
          .search__product {
            margin-left: .16rem;
            img {
              width: .76rem;
              height: .76rem;
            }
            .name {
              margin: .04rem 0;
              font-size: .12rem;
              @include ellipsis;
            }
            .price {
              color: $highlight-fontColor;
              font-size: .12rem;
              .now {
                font-size: .14rem;
              }
              &__old {
                margin-left: .04rem;
                color: $light-fontColor;
                text-decoration: line-through;
              }
            }
          }
        }
      }
    }
  }
}